<script setup lang="ts">
import Count from "./Count.vue"
import NavigatorToolbar from "./NavigatorToolbar.vue"
</script>

<template>
  <el-row class="footer-bar">
    <el-col class="hidden-xs-only" :sm="7">
      <Count />
    </el-col>
    <el-col :xs="24" :sm="17" class="navigator-container">
      <NavigatorToolbar />
    </el-col>
  </el-row>
</template>

<style lang="scss" scoped>
.footer-bar {
  position: absolute;
  top: calc(100vh - 120px);
  left: 0;
  width: 100%;
  align-items: center;
  padding: 0 16px;
}
.navigator-container {
  /* overflow-x: scroll; */
  position: relative;
  display: flex;
}
</style>
